body.startpage  { font: 14px arial, sans-serif; background: #f5f5f5; }

.startpage h1 { font: bold 15px tahoma, sans-serif; color: #333; margin: 10px 0 5px 0; }
.startpage a { outline: none; text-decoration: none; }

.startpage .column-layout { table-layout:fixed; width: 100%; }
.startpage .column-layout td { width: 50%; padding: 0; }

/* APPS */
.startpage #startpage-apps { padding-bottom: 5px; margin: 0; padding: 0; list-style: none; overflow: hidden; }
.startpage #startpage-apps li { float:left; margin: 10px; } 
.startpage #startpage-apps .sp-app { width: 96px; height: 96px; float:left; position: relative; -moz-user-select: none; 
	background-repeat: no-repeat; background-position: 0 0; -moz-border-radius: 5px; background-color:#fff; border: 1px solid #333; 	  
}
.startpage #startpage-apps .sp-app:hover { cursor: pointer; -moz-box-shadow: 0 0 2px rgba(10,10,10,0.6);}
.startpage #startpage-apps .sp-app .counter { border: 3px solid #fff; font: bold 14px arial, sans-serif; position: absolute; top: -5px; right: -5px;
	-moz-box-shadow: 0 2px 6px #333333; text-shadow: 0 1px 0px rgba(10,10,10,0.5); -moz-user-select: none; 
	-moz-border-radius: 15px; background: #f00 url(img/gradient.png) left -10px repeat-x; color: #fff; padding: 0px 4px; 
}
.startpage #startpage-apps .sp-app .loading { font-size: 0; text-shadow: none; width: 16px; height:16px; padding: 0px; background: #ccc url(img/loading.gif) center 0px no-repeat; }
.startpage #startpage-apps .sp-app .error { font-size: 0; text-shadow: none; width: 16px; height:16px; padding: 0px; background: #999 url(img/error.png) center 0px no-repeat; }

.startpage #startpage-apps .gmail 		{ background-image: url(img/apps/gmail.png); }
.startpage #startpage-apps .reader 		{ background-image: url(img/apps/reader.png); }
.startpage #startpage-apps .youtube 	{ background-image: url(img/apps/youtube.png); }
.startpage #startpage-apps .wikipedia 	{ background-image: url(img/apps/wikipedia.png); }
.startpage #startpage-apps .facebook 	{ background-image: url(img/apps/facebook.png); }
.startpage #startpage-apps .lifehacker	{ background-image: url(img/apps/lifehacker.png); }
.startpage #startpage-apps .google 		{ background-image: url(img/apps/google.png); }
.startpage #startpage-apps .apple 		{ background-image: url(img/apps/apple.png); }
.startpage #startpage-apps .bing 		{ background-image: url(img/apps/bing.png); }
.startpage #startpage-apps .darkwarez 	{ background-image: url(img/apps/darkwarez.png); }
.startpage #startpage-apps .funiaste 	{ background-image: url(img/apps/funiaste.png); }


/* Closed, Popular lists */
.startpage .sp-list { vertical-align: top; padding: 0; margin: 0; list-style: none; }
.startpage .sp-list li { display: block; clear:both; overflow: hidden; max-width: 95%; white-space:nowrap;}
.startpage .sp-list a { float: left; color: #333; padding: 3px; border-bottom: 1px solid transparent; margin-bottom: 3px; max-width: 90%; white-space:nowrap;}
.startpage .sp-list a img { height: 16px; width: 16px; border: none; margin-right: 8px; vertical-align: text-top; }
.startpage .sp-list a:hover { color: #000; border-bottom: 1px dotted #666; }
.startpage .sp-list .separator { float: left; clear:both; width: 95%; border-bottom: 1px solid #ccc; margin: 10px 0; }
.startpage .sp-bottom  td a { font-size: 12px; margin-top: 9px; color: #666; }



/* Settings */
.settingspage .sp-app .del { border: 3px solid #fff; position: absolute; top: -5px; left: -5px; width: 13px; height: 14px;
	-moz-box-shadow: 0 2px 6px #333333; -moz-user-select: none; padding: 0; 
	-moz-border-radius: 15px; background: #ccc url(img/plusminus.png) -2px bottom no-repeat;  
}
.settingspage #startpage-apps .sp-app-add { width: 24px; height: 42px; float:left; position: relative; -moz-user-select: none; margin: 35px 0 0 10px; -moz-border-radius: 5px; background-color:#fff; border: 1px solid #333; text-align: center; }
.settingspage #startpage-apps .sp-app-add .ico { width: 16px; height: 16px; display: inline-block; margin: 13px 0 0 0; background: url(img/plusminus.png) 0 top no-repeat; }
.settingspage #startpage-apps .sp-app-add:hover { cursor: pointer; -moz-box-shadow: 0 0 2px rgba(10,10,10,0.6);}

.settingspage .sp-list .del { float:left; width: 16px; height:16px; margin: 3px 2px 0 0; background: url(img/plusminus.png) 0 bottom no-repeat; cursor: pointer; opacity: 0.6; }
.settingspage .sp-list .del:hover { opacity: 1; }


/* navigation */
.startpage .navigation { -moz-user-select: none; float: right; margin: 8px 2px -20px 0; }
.startpage .navigation a { font-size: 12px; color: #666; float: right; margin: 0 0 0 20px; padding:1px 0 1px 20px; }
.startpage .navigation a:hover { color: #000; text-decoration: underline;  }
.startpage .navigation .settings { background: url(img/settings.png) 0 0 no-repeat; }

.startpage #sp-logo{ position: fixed; right: 25px; bottom: 25px; width: 128px; height: 128px; background: url(img/startpage.png) 0 0 no-repeat; -moz-user-select: none; opacity: 0.3; z-index: -1; }
